import CardData from '@/components/CardData'
import { reportDetailsContext } from './_context'
import usehooks from './hooks'
import DetailsTable from './components/DetailsTable'
import DetaisSearch from './components/DetaisSearch'
import DetailsModal from './components/DetailsModal'

export default () => {
  const hookData = usehooks()

  return (
    <reportDetailsContext.Provider value={hookData}>
      <div className='layout-main-conent'>
        <CardData cardList={hookData.cardList} />
        <DetaisSearch />
        <DetailsTable />
        <DetailsModal />
      </div>
    </reportDetailsContext.Provider>
  )
}
